<div class="bg-light lter b-b wrapper-md">
    <h1 class="m-n font-thin h3">运营管理</h1>
</div>

<div class="wrapper-md">
    <div class="panel panel-default">
        <div class="panel-heading">
            投资排行榜获奖记录
        </div>
        <toaster-container toaster-options="{'position-class': 'toast-center', 'close-button':true}"></toaster-container>
        <div class="panel-body b-b b-light">
            <div class="form-group pull-in clearfix">
                <div class="col-sm-2">
                  <label><font><font>姓名:</font></font></label>
                  <input type="text" class="form-control ng-pristine ng-untouched ng-invalid ng-invalid-required" name="" ng-model="searchRankingDetail.UserName">
                </div>
                <div class="col-sm-2">
                  <label><font><font>手机号:</font></font></label>
                  <input type="text" class="form-control ng-pristine ng-untouched ng-invalid ng-invalid-required" name="" ng-model="searchRankingDetail.Mobile">
                </div>
                <div class="form-group pull-in clearfix" ng-controller="DatepickerDemoCtrl">
                  <div class="col-sm-2">
                    <label><font><font>开始时间:</font></font></label>
                    <p class="input-group">
                      <span class="input-group-btn">
                        <button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
                      </span>
                      <input type="text" class="form-control" datepicker-popup="{{format}}" ng-click="open($event)" ng-model="searchRankingDetail.StartTime"
                        is-open="opened" max-date="maxDate" datepicker-options="dateOptions" ng-required="true" close-text="Close" />
                    </p>
                  </div>
                  <div class="col-sm-2">
                    <label><font><font>结束时间:</font></font></label>
                    <p class="input-group">
                      <span class="input-group-btn">
                        <button type="button" class="btn btn-default" ng-click="open1($event)"><i class="glyphicon glyphicon-calendar"></i></button>
                      </span>
                      <input type="text" class="form-control" datepicker-popup="{{format}}" ng-click="open1($event)" ng-model="searchRankingDetail.EndTime"
                        is-open="opened1" max-date="maxDate" datepicker-options="dateOptions" ng-required="true" close-text="Close" />
                    </p>
                  </div>
                </div>
            </div>
            <div class="form-group pull-in clearfix">
                <div class="col-sm-1">
                    <button class="btn btn-info btn-addon" ng-if='!graybtn' ng-click="queryRankingDetail()">查询</button>
                    <button class="btn btn-light btn-addon" ng-if='graybtn'>查询</button>  
                </div>
            </div>      
        </div>
        <div class="table-responsive">
            <table id="tab" class="table table-striped m-b-none">
                <thead>
                    <tr>
                        <th style="width:10%">姓名</th>
                        <th style="width:10%">电话</th>
                        <th style="width:10%">身份证</th>
                        <th style="width:10%">活动期数</th>
                        <th style="width:10%">当前排名</th>
                        <th style="width:10%">当前投资金额</th>
                        <th style="width:10%">银行名称</th>
                        <th style="width:10%">银行卡号</th>
                        <th style="width:10%">开始时间</th>
                        <th style="width:10%">结束时间</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-if="GetRankingDetailList==''">
                        <td colspan="9">当前无任何数据</td>
                    </tr>
                    <tr ng-repeat="obj in GetRankingDetailList">
                        <td ng-bind="obj.UserName"></td>
                        <td ng-bind="obj.Mobile"></td>
                        <td ng-bind="obj.IdCard"></td>
                        <td ng-bind="obj.Serial"></td>
                        <td ng-bind="obj.Order"></td>
                        <td ng-bind="obj.InvestPrice"></td>
                        <td ng-bind="obj.BankCard"></td>
                        <td ng-bind="obj.BankCode"></td>
                        <td ng-bind="obj.StartTime|date:'yyyy-MM-dd HH:mm:ss'"></td>
                        <td ng-bind="obj.EndTime|date:'yyyy-MM-dd HH:mm:ss'"></td>

                    </tr>
                </tbody>
            </table>
        </div>

    </div>
</div>
<div class="btn-group pull-right">
    <button type="button" class="btn btn-default" ng-click="prev()"><font><font>上一页</font></font></button>
    <button type="button" class="btn btn-default btnNum">{{searchRankingDetail.Index}}</button>
    <button type="button" class="btn btn-default" ng-click="next()"><font><font>下一页</font></font></button>
    <span class="btn btn-default">共<span ng-bind="QueryListTotal+'条数据'"></span></span>

</div>